.color-FAAA51 {
	color: #FAAA51;
}

.color-C4C7CC {
	color: #C4C7CC;
}

.announcement {
	width: 686rpx;
	
	background: #FFF4F0;
	border-radius: 16rpx;
	box-sizing: border-box;
	padding: 16rpx;
	font-size: 24rpx;
	margin: 8rpx 32rpx;
}

.course-item {
	width: 686rpx;
	box-sizing: border-box;
	margin: 32rpx;
	.img {
		width: 176rpx;
		height: 120rpx;
		flex-shrink: 0;
		border-radius: 10rpx;
		margin-right: 24rpx;
		background-color: #F5F5F5;
	}
}

.course-title {
	margin: 32rpx 24rpx 0;
	padding-bottom: 32rpx;
	border-bottom: 2rpx solid $uni-F5F5F5;
	.dot {
		width: 10rpx;
		height: 10rpx;
		background: #C4C7CC;
		border-radius: 10rpx;
		flex-shrink: 0;
		margin-right: 14rpx;
	}
}

.edit-input-item {
	height: 120rpx;
	margin: 0 32rpx;
	.input-box {
		width: 530rpx;
		height: 80rpx;
		background: $uni-F5F5F5;
		box-sizing: border-box;
		padding: 16rpx 24rpx;
		flex-shrink: 0;
	}
}

.course-statue {
	width: 324rpx;
	height: 72rpx;
	border-radius: 12rpx;
	box-sizing: border-box;
	padding: 20rpx;
}
.active {
	color: $uni-text-color-main;
	background: #E6F5ED;
	border: 2rpx solid #ACD3BE;
}
.unactivated {
	color: $uni-text-color-grey;
	border: 2rpx solid #E8EAED;
}

.cover {
	margin: 32rpx;
	
	.upload {
		width: 156rpx;
		height: 156rpx;
		line-height: 156rpx;
		text-align: center;
		border: 2rpx dashed $uni-text-color-main;
		color: $uni-text-color-main;
		font-size: 44rpx;
		border-radius: 16rpx;
		margin-top: 52rpx;
	}
	.button {
		width: 148rpx;
		height: 56rpx;
		line-height: 56rpx;
		text-align: center;
		color: $uni-white;
		background: $uni-text-color-main;
		border-radius: 16rpx;
		font-size: 24rpx;
	}
}

.describe {
	width: 686rpx;
	height: 200rpx;
	margin-top: 20rpx;
	box-sizing: border-box;
	padding: 24rpx;
	background: $uni-F5F5F5;
	border-radius: 16rpx;
}

.problem {
	width: 686rpx;
	box-sizing: border-box;
	padding: 24rpx;
	background: $uni-F5F5F5;
	border-radius: 16rpx;
	margin-top: 20rpx;
}